
<script setup>
	import { ref } from 'vue'
	const emit = defineEmits(['changeEnd'])
	const show = ref(false)
	
	defineExpose({show})
</script>

<template>
	<view class="end iconfont icon-icons-cards" @click="show = true"></view>
	<u-modal :show="show"  width="500rpx" @cancel="show = false" showCancelButton @confirm="emit('changeEnd')">
		<view class="slot-content flex">
			是否结束对局
		</view>
	</u-modal>
</template>

<style lang="scss" scoped>
	.end{
		position: fixed;
		right: 10rpx;
		bottom: 21%;
		border-radius: 50%;
		color: #5CD5C6;
		font-size: 80rpx;
		line-height: 0;
		z-index: 999999;
	}
</style>